@charset "utf-8";

/* Default */
html { height:100%; }
body { width:100%; height:100%; margin:0; padding:0; background:#fff; font-size:12px; line-height:1.2em; font-family:'돋움','Dotum','AppleGothic','sans-serif'; }
ol, ul, li, dl, dt, dd { list-style:none; }
td, th, ul, ol, li, dl, dt, dd, form, p, h1, h2, h3, h4, h5, h6, blockquote { margin:0; padding:0; }
img, fieldset { padding:0; border:0; }
hr { clear:both; display:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
table { border:0; }
em { font-style:normal; }
.clear { clear:both; float:none; width:0; height:0; margin:0; padding:0; font:0/0 Arial; }
.hide { width:0; height:0; text-indent:-1000em; font:0/0 arial; overflow:hidden; }
legend { clear:both; float:left; width:0; height:0; text-indent:-9999em; font:0/0 arial; overflow:hidden; }
table caption { width:0; height:0; text-indent:-1000em; font:0/0 arial; overflow:hidden; }
form { display:inline; }
a.name-ui { font:12px '돋움','Dotum','Verdana','Arial','Sans-Serif'; line-height:1.2em; letter-spacing:0; color:#86c6f1; }
a.name-ui:hover { text-decoration:underline; }

button { margin:0; padding:0; overflow:hidden; border:0; cursor:pointer; vertical-align:top; }
button span { display:block; width:0; height:0; text-indent:-9999em; font:0/0 arial; overflow:hidden; }

/* float 해제 */
.f_clear:after { content: ""; height:0; display:block; visibility:hidden; clear:both; }
* html .f_clear { height:1px; }
.f_clear { display:block; min-height:1px; }


/* GNB */
#textGNB { height:25px; background:#f5f5f5; }
.nateGnb #GnbWrap { width:970px !important; }

/* Footer */
#footer { clear:both; float:none; width:100%; height:59px; margin:0 auto; padding-top:35px; text-align:center; color:#666666; line-height:1.4em; background:url('../img/bg_footer.gif') repeat-x; }
#footer .copyright  { width:970px; margin:4px auto;; color:#1f1816; font-family:Verdana; font-size:9px; }
#footer .copyright a { text-decoration:none; color:#FF6600; }
#footer .copyright a:hover { text-decoration:underline; }
#footer .copyright strong { font-family:Verdana; font-size:10px; font-weight:bold; color:#FF6600; }
#footer .copyright strong span.sk  { font-family:Verdana; font-size:10px; color:#FF6600; }



/* contents */
/*
#wrap { padding-top:25px; background:url('../img/bg.gif') repeat-x center 25px; }
.top { position:relative;width:969px;padding-bottom:8px;margin:0 auto; }
	.top h1, .top h2 { overflow:hidden;width:0;height:0;text-indent:-9999px; }
	.top .bg_common{ width:969px;height:278px;text-indent:-9999em;font-size:0;background:url('../img/top_bg.jpg') no-repeat; }
	.top .bg_common.rollingBanner{  }
*/

#wrap { margin-top:25px; }

/* header */
.header { position:relative; z-index:1;/*overflow:hidden;*/ height:278px; background:url('../img/bg_banner0_bg.jpg') repeat-x 0 0; border-bottom:8px solid #fe733b; }
h1, h2 { position:absolute; top:-9999px; left:-9999px; }
.bg_common { position:relative; /*overflow:hidden;*/ margin:0 auto; width:969px; height:100%; background-repeat:no-repeat; }
	.bg_banner0{ background-image:url('../img/bg_banner0.jpg'); }
	.bg_banner1{ background-image:url('../img/bg_banner1.jpg'); }
	.bg_banner2{ background-image:url('../img/bg_banner2.jpg'); }
	.bg_banner3{ background-image:url('../img/bg_banner3.jpg'); }
	
	.bg_common .rollingBanner div { text-indent:-9999px; }
	/* .bg_common .rollingBanner div{  } */
		.bg_common .rollingBanner div.banner0 p { position:absolute; top:-9999px; left:-9999px; }
		.bg_common .rollingBanner div.banner0 a.minihp { position:absolute; top:254px; left:772px; width:160px; height:24px; }
		.bg_common .rollingBanner div.banner0 a.music_link { position:absolute; top:115px; left:784px; width:121px; height:120px; }

	.bg_common .wrap_paginate { position:absolute; left:0; bottom:18px; }
		.bg_common .wrap_paginate a { margin-right:4px; display:inline; float:left; width:14px; height:14px; background:url('../img/btn_page.png') no-repeat 0 -14px; text-indent:-9999px; overflow:hidden; }
		.bg_common .wrap_paginate .on { background-position:0 0; }

/* contents */
.contents {}
.event1 { position:relative; overflow:hidden; margin:0 auto; width:969px; height:410px; background:url('../img/event1.gif') no-repeat; }
	.event1 h3, .event1 p { position:absolute; top:-9999px; left:-9999px; }
	.event1 .gameMenu { padding:158px 0 0 123px; }
		.event1 dl { position:relative; margin:0 10px 0 0; display:inline; float:left; width:158px; height:227px; }
		.event1 dl.game1 { margin-right:12px; }
		.event1 dl dt { position:absolute; top:-9999px; left:-9999px; }
		.event1 dl .link { position:absolute; top:131px; left:31px; }
			.event1 dl .link a { overflow:hidden; display:block; width:95px; height:27px; text-indent:-9999px; }
		.event1 dl .thumb { padding:5px 0 0 5px; height:153px; }
			.event1 dl .thumb img { display:block; }
		.event1 dl .score { margin:32px 0 0 14px; font:normal 11px 돋움; color:#b9b9b9; line-height: 15px }
			.event1 dl .score em { display:block; letter-spacing: -1px }
	
	.event1 .music_link { position:absolute; top:auto; left:auto; bottom:49px; right:84px; width:94px; height:27px; }
		.event1 .music_link a { display:block; overflow:hidden; height:100%; text-indent:-9999px; }
	/*
	.event1 * { position:absolute; top:-9999px; left:-9999px; }
	.event1 .game0 .link a {  }
	.event1 .game0 .score {}
	*/

/* event2 */
.event2 { position:relative; overflow:hidden; margin:0 auto; width:969px; height:272px; background:url('../img/event2.gif') no-repeat; }
	.event2 h3, .event2 p { position:absolute; top:-9999px; left:-9999px; }
	.event2 .gameMenu { padding:94px 0 0 122px; }
	.event2 dl { margin:0 10px 0 0; display:inline; float:left; width:158px; height:178px; }
	.event2 dl.game1 { margin-right:12px; }
		.event2 dl dt { position:absolute; top:-9999px; left:-9999px; }
		.event2 dl .link { padding: 105px 0 0 84px; }
			.event2 dl .link a { overflow:hidden; display:block; width:69px; height:22px; text-indent:-9999px; }
		.event2 dl .point { padding:8px 0 0 31px; }
			.event2 dl .point .star { position:relative; display:block; width:76px; height:14px; background:url("../img/ico_star_1.gif") no-repeat 0 -14px; }
			.event2 dl .point .status { position:absolute; top:0; left:0; height:14px; font:normal 0/0 verdana; background:url("../img/ico_star_1.gif") no-repeat 0 0; }
			.event2 dl .point .score { position:absolute; top:-1px; left:81px; font:normal 14px verdana; color:#fe733b; letter-spacing:-1px; }

.event3 { position:relative; margin:0 auto; width:969px; height:207px; background:url('../img/event3.gif') no-repeat; }
	.event3 h3, .event3 p, .event strong { position:absolute; top:-9999px; left:-9999px; }
	.event3 .facebook { position:absolute; top:103px; left:205px; }
	.event3 .twitter { position:absolute; top:103px; left:244px; }
	.event3 .nateon { position:absolute; top:103px; left:284px; }
	.event3 .social_mod_btn { position:absolute; top:111px; left:350px; }

.guide { position:relative; overflow:hidden; margin:0 auto; height:184px; background:#f9f9f9 url('../img/guide.gif') no-repeat 50% 0; }
	.guide * { position:absolute; top:-9999px; left:-9999px; }


.sns_list strong{display:none;}
.rollingBanner .btn_appdown{position:absolute;width:186px;height:39px;display:block;bottom:0;right:27px;}
.rollingBanner .btn_appdown.on{background:url(../img/btn_appdown_off.png) no-repeat;}
.qrcode{position:absolute;right:58px;bottom:-167px;z-index:100;width:126px;height:167px;background:url(../img/bg_qrcode.png) no-repeat;}
.btn_close{width:21px;height:29px;position:absolute;bottom:6px;right:0;display:block;}
.txt_cyapp{position:absolute;right:57px;bottom:-42px;width:124px;height:26px;background:url(../img/txt_cyapp.gif) no-repeat;}